<template>
  <el-dialog :visible.sync="visible" title="插件详情">
    <el-form :model="formData" label-width="100px">
      <el-form-item label="插件名称">{{ formData.name }}</el-form-item>
      <el-form-item label="插件类型">{{ formData.type }}</el-form-item>
      <el-form-item label="描述">{{ formData.description }}</el-form-item>
      <el-form-item label="配置">{{ formData.config }}</el-form-item>
      <el-form-item label="代码">{{ formData.code }}</el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="closeDialog">关 闭</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  props: ['visible', 'formData'],
  methods: {
    closeDialog() {
      this.$emit('update:visible', false);
    }
  }
};
</script>
